<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>位置信息显示-PC(商家端)</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/weui.min.css">
</head>
<body>
<div class="book-ctx" v-cloak>
    <ul class="seat-type-ctl">
        <li v-for="(item, index) in seatType">
            <span>{{ item.name }}</span>
            <span :class="item.type"></span>
        </li>
        <div class="clear"></div>
    </ul>
    <div class="seat-list shop" v-if="row!==0&&col!==0">
        <div v-for="(item1, index1) in row" class="row-line">
            <div v-for="(item2, index2) in col"
                 :class="['col-line', seatRect[index1+','+index2] && seatRect[index1+','+index2].isbook ? 'booked' : '', seatRect[index1+','+index2] && seatRect[index1+','+index2].ispick ? 'picked ' + seatRect[index1+','+index2].tableType : '']"
                 :data-index="index1+','+index2"
                 :data-table = "seatRect[index1+','+index2] ? seatRect[index1+','+index2].tableIndex : ''"
            >
            </div>
        </div>
    </div>
</div>
<script src="js/vue.min.js"></script>
<script src="js/weui.min.js"></script>
<script src="js/info.js"></script>
</body>
</html>